* {
    margin : 0;
    padding: 0;
}

body {
    font-size: 18px;
    color    : #fff;
}

.item {
    margin : 3em 0;
    padding: 0 6em;
}

.meta {
    color: #9c27b0;
}

.table {
    color: #555;
}

.form {
    color: #4caf50;
}

.item .item-header {
    font-size  : 30px;
    line-height: 1.5;
    font-weight: 700;
}

.item-meta h4 {
    font-size    : 20px;
    font-weight  : 400;
    margin-bottom: 0.6em;
}

pre {
    border-radius   : 20px;
    margin          : 10px 0;
    padding         : 0;
    background-color: #1e1a2b;
}

code {
    padding         : 2px 4px;
    font-size       : 90%;
    color           : #9c27b0;
    background-color: #f9f2f4;
    border-radius   : 4px;
    white-space     : pre-wrap;
}

pre code {
    padding         : 0;
    background-color: transparent;
}

.nt {
    color: #ff8a00;
}

.na {
    color: #f44336;
}

.s {
    color: #8bc34a;
}

::selection {
    color: #9c27b0;
}

.dt {
    margin-top : 0.6em;
    font-weight: 700;
    text-shadow: 1px 1px 3px #9c27b0;
}

.dd {
    margin-top : 0.6em;
    text-indent: 2em;
}

.dd dl {
    text-indent : 0;
    padding-left: 4em;
}

.dd dt,
.dd dd {
    margin-top: 0.3em;
}

.dd dt {
    font-weight: 700;
}

.dd dt::before {
    content: " - ";
}

.dd ul {
    padding-left: 3em;
    word-break  : keep-all;
}

table {
    width          : 100%;
    border         : solid rgb(200, 200, 200);
    border-width   : 4px 0 0 4px;
    border-collapse: collapse;
    font-size      : 16px;
}

table caption {
    padding    : 0.8em 0;
    font-size  : 18px;
    font-weight: 700;
}

table td,
table th {
    border      : solid rgb(200, 200, 200);
    border-width: 0 4px 4px 0;
    text-align  : center;
}

#img {
    text-align: center;
}

img {
    width: 100px;
}

.table {
    padding: 0 0.2em;
}

table a {
    text-decoration: none;
    position       : relative;
}

table tbody a::before {
    content         : "";
    width           : 105%;
    height          : 2px;
    position        : absolute;
    background-color: #9c27b0;
    bottom          : -0.2em;
    left            : -0.2em;
}

table tbody a:hover::before {
    bottom: -0.3em;
}

th {
    background-color: rgb(235, 235, 235);
}

tr:nth-child(even) td {
    background-color: rgb(250, 250, 250);
}

tr:nth-child(odd) td {
    background-color: rgb(245, 245, 245);
}

.back {
    position: fixed;
    right   : 20px;
    height  : 20px;
}

.back a {
    padding         : 0 0.5em;
    background-color: #9c27b0;
    color           : #fff;
    text-decoration : none;
}

.back a:hover {
    text-decoration: underline;
}
fieldset {
    margin-top: 0.8em;
    padding: 0.5em 0.8em;
}
input,textarea {
    display: inline-block;
    padding: 0.2em 0.5em;
    margin-left: 0.3em;
    margin-top: 0.5em;
}
textarea {
    resize: none;
}